<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>物流信息</title>
  <link rel="stylesheet" href="../css/until.css">
  <link rel="stylesheet" href="../css/orderInfo-Receipt.css">
</head>

<body>
  <!-- 物流信息 -->
  <div class="orderReceipt">
    <div class="orderReceipt-img fl">
      <div class="orderReceipt-border">
        <img src="../images/prcoduct.png" alt="" class="rece-img">
      </div>
    </div>
    <div class="orderReceipt-info fr">
      <p class="orderReceipt-title">最新物流
        <span class="title-time">08:07</span>
        <img src="../images/car.png" alt="" class="tiele-img fr">
        <span class="tiele-status fr">运输中</span>
      </p>
      <p class="orderReceipt-status">由【上海浦东中转站】发往【上海浦东公司】</p>
    </div>
  </div>

  <!-- 地址 -->
  <div class="receiving">
    <img src="../images/address01.png" alt="" class="rec-img">
    <div class="receiving-userinfo">
      <p class="line1 p">
        <span>收货人：
          <span class="receiving-person">艾安琪</span>
        </span>
        <span class="phoneNuber">17424147059</span>
      </p>
      <p class="line2 p">收货地址：
        <span class="address">上海市浦东新区福山路街道东方路118弄世外桃源4号楼409室</span>
      </p>
    </div>
  </div>
  <!-- 信息 -->
  <div class="order">
    <p class="order-p">
      <span>下单客户：</span>
      <span class="fr">艾安琪</span>
    </p>
    <p class="order-p">
      <span>客户ID：</span>
      <span class="fr">223443</span>
    </p>
    <p class="order-p">
      <span>手机号：</span>
      <span class="fr">17424147059</span>
    </p>
  </div>

  <!-- 商品 -->

  <div class="product">
    <ul class="product-ul">
      <li class="product-li">
        <div class="product-img fl">
          <img src="../images/prcoduct.png" alt="" class="product-dl-img">
        </div>
        <div class="product-dd fl">
          <div class="product-info">
            <p class="product-p">麦卡伦1824大师系列晖钻</p>
            <p class="product-p">单一麦芽威士忌</p>
            <p class="product-p sku">SKU</p>
          </div>

          <div class="price-count fr">
            <p class="product-p price">¥2,999</p>
            <p class="product-p num fr">x1</p>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <!-- 价钱 -->
  <div class="allPrice">
    <p class="all-price fr">共4件商品 合计:¥64,599 优惠价:
      <span class="yhPrice">¥64,599</span>
    </p>
  </div>
  <!-- 备注 -->
  <div class="note">
    备注：
    <span class="content">酒瓶刻字“Chris Wang”</span>
  </div>
  <!-- 发票信息 -->
  <div class="invoice">
    <p class="invoice-p">发票抬头：
      <span>上海新信网络科技有限公司</span>
    </p>
    <p class="invoice-p">公司税务号：
      <span>76101710760</span>
    </p>
    <p class="invoice-p">银行账号：
      <span>60183690172600760</span>
    </p>
    <p class="invoice-p">公司联系方式：
      <span>021-5819040091</span>
    </p>
  </div>
  <!-- 收货按钮 -->
  <button class="order-btn">立即收货</button>

</body>

</html>